<!DOCTYPE html>
<html lang="zh-cn">
	<head>
		<meta charset="utf-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<meta name="renderer" content="webkit" />
		<!-- 让部分国产浏览器默认采用高速模式渲染页面 -->
		<meta name="viewport" content="width=device-width, initial-scale=1" />
		<title>长虹[联合运营平台后台管理系统]</title>
		<!-- 全局CSS 开始-->
		<link href="../css/global/bootstrap.min.css" rel="stylesheet" />
		<link href="../css/global/font-awesome.min.css" rel="stylesheet" />
		<link href="../css/global/simple-line-icons.css" rel="stylesheet" />
		<link href="../css/global/animate.css" rel="stylesheet" />
		<link href="../css/global/style.css" rel="stylesheet" />
		<link href="../js/plugins/pace/pace.css" rel="stylesheet" />
		<!-- 全局CSS 结束-->
		<!-- 页面CSS 开始-->
		<!-- 页面CSS 结束-->
		<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
		<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
		<!--[if lt IE 9]>
		<script src="../js/bootstrap/html5shiv.min.js"></script>
		<script src="../js/bootstrap/respond.min.js"></script>
		<![endif]-->
	</head>
	<body>
		<div class="wrapper wrapper-content animated fadeInUp">
			<div class="row page-heading">
				<h4><i class="fa fa-flask"></i>  UI组件 / 作品集</h4>
			</div>
			<div class="row">
				<div class="col-sm-12">
					<div class="ibox float-e-margins">
						<div class="ibox-title">
							<h5>作品集 Portfolio</h5>
							<div class="ibox-tools">
								<a class="collapse-link">
									<i class="fa fa-chevron-up"></i>
								</a>
								<a class="close-link">
									<i class="fa fa-times"></i>
								</a>
							</div>
						</div>
						<div class="ibox-content">
							<!-- BEGIN FILTER -->
							<div class="mtm">
								<ul class="mix-filter">
									<li class="filter" data-filter="all">
										All
									</li>
									<li class="filter" data-filter=".category_1">
										UI Design
									</li>
									<li class="filter" data-filter=".category_2">
										Web Development
									</li>
									<li class="filter" data-filter=".category_3">
										Photography
									</li>
									<li class="filter" data-filter=".category_3 .category_1">
										Wordpress and Logo
									</li>
								</ul>
								<div class="row mix-grid">
									<div class="col-md-3 col-sm-4 mix category_1">
										<div class="mix-inner">
											<img class="img-responsive" src="../images/p_big1.jpg" alt="" />
											<div class="mix-details">
												<h5>作品名称</h5>
												<a class="mix-link">
													<i class="fa fa-link"></i>
												</a>
												<a class="mix-preview fancybox" href="../images/p_big1.jpg" title="Project Name">
													<i class="fa fa-search"></i>
												</a>
											</div>
										</div>
									</div>
									<div class="col-md-3 col-sm-4 mix category_2">
										<div class="mix-inner">
											<img class="img-responsive" src="../images/p_big2.jpg" alt="" />
											<div class="mix-details">
												<h5>作品名称</h5>
												<a class="mix-link">
													<i class="fa fa-link"></i>
												</a>
												<a class="mix-preview fancybox" href="../images/p_big2.jpg" title="Project Name">
													<i class="fa fa-search"></i>
												</a>
											</div>
										</div>
									</div>
									<div class="col-md-3 col-sm-4 mix category_3">
										<div class="mix-inner">
											<img class="img-responsive" src="../images/p_big3.jpg" alt="" />
											<div class="mix-details">
												<h5>作品名称</h5>
												<a class="mix-link">
													<i class="fa fa-link"></i>
												</a>
												<a class="mix-preview fancybox" href="../images/p_big3.jpg" title="Project Name">
													<i class="fa fa-search"></i>
												</a>
											</div>
										</div>
									</div>
									<div class="col-md-3 col-sm-4 mix category_1 category_2">
										<div class="mix-inner">
											<img class="img-responsive" src="../images/p_big1.jpg" alt="" />
											<div class="mix-details">
												<h5>作品名称</h5>
												<a class="mix-link">
													<i class="fa fa-link"></i>
												</a>
												<a class="mix-preview fancybox" href="../images/p_big1.jpg" title="Project Name">
													<i class="fa fa-search"></i>
												</a>
											</div>
										</div>
									</div>
									<div class="col-md-3 col-sm-4 mix category_2 category_1">
										<div class="mix-inner">
											<img class="img-responsive" src="../images/p_big2.jpg" alt="" />
											<div class="mix-details">
												<h5>作品名称</h5>
												<a class="mix-link">
													<i class="fa fa-link"></i>
												</a>
												<a class="mix-preview fancybox" href="../images/p_big2.jpg" title="Project Name">
													<i class="fa fa-search"></i>
												</a>
											</div>
										</div>
									</div>
									<div class="col-md-3 col-sm-4 mix category_1 category_2">
										<div class="mix-inner">
											<img class="img-responsive" src="../images/p_big3.jpg" alt="" />
											<div class="mix-details">
												<h5>作品名称</h5>
												<a class="mix-link">
													<i class="fa fa-link"></i>
												</a>
												<a class="mix-preview fancybox" href="../images/p_big3.jpg" title="Project Name">
													<i class="fa fa-search"></i>
												</a>
											</div>
										</div>
									</div>
									<div class="col-md-3 col-sm-4 mix category_2 category_3">
										<div class="mix-inner">
											<img class="img-responsive" src="../images/p_big1.jpg" alt="" />
											<div class="mix-details">
												<h5>作品名称</h5>
												<a class="mix-link">
													<i class="fa fa-link"></i>
												</a>
												<a class="mix-preview fancybox" href="../images/p_big1.jpg" title="Project Name">
													<i class="fa fa-search"></i>
												</a>
											</div>
										</div>
									</div>
									<div class="col-md-3 col-sm-4 mix category_1 category_2">
										<div class="mix-inner">
											<img class="img-responsive" src="../images/p_big2.jpg" alt="" />
											<div class="mix-details">
												<h5>作品名称</h5>
												<a class="mix-link">
													<i class="fa fa-link"></i>
												</a>
												<a class="mix-preview fancybox" href="../images/p_big2.jpg" title="Project Name">
													<i class="fa fa-search"></i>
												</a>
											</div>
										</div>
									</div>
									<div class="col-md-3 col-sm-4 mix category_3">
										<div class="mix-inner">
											<img class="img-responsive" src="../images/p_big1.jpg" alt="" />
											<div class="mix-details">
												<h5>作品名称</h5>
												<a class="mix-link">
													<i class="fa fa-link"></i>
												</a>
												<a class="mix-preview fancybox" href="../images/p_big1.jpg" title="Project Name">
													<i class="fa fa-search"></i>
												</a>
											</div>
										</div>
									</div>
									<div class="col-md-3 col-sm-4 mix category_1">
										<div class="mix-inner">
											<img class="img-responsive" src="../images/p_big3.jpg" alt="" />
											<div class="mix-details">
												<h5>作品名称</h5>
												<a class="mix-link">
													<i class="fa fa-link"></i>
												</a>
												<a class="mix-preview fancybox" href="../images/p_big3.jpg" title="Project Name">
													<i class="fa fa-search"></i>
												</a>
											</div>
										</div>
									</div>
								</div>
							</div>
							<!-- END FILTER -->
						</div>
					</div>
				</div>
			</div>
		</div>
		<!-- 全局js 开始-->
		<script src="../js/jquery.min.js"></script>
		<script src="../js/bootstrap/bootstrap.min.js"></script>
		<script src="../js/plugins/metisMenu/jquery.metisMenu.js"></script>
		<script src="../js/custom/custom.js"></script>
		<script src="../js/plugins/pace/pace.min.js"></script>
		<!-- 全局js 结束-->
		<!-- 页面js 开始-->
		<!-- fancybox -->
		<script src="../js/plugins/fancybox/jquery.fancybox.js"></script>
		<!-- mixitup -->
		<script src="../js/plugins/mixitup/jquery.mixitup.min.js"></script>
		<script>
		$(function(){
			$('.mix-grid').mixItUp();
		});
		</script>
		<!-- iframeResizer -->
		<!-- <script src="../js/plugins/iframeResizer/iframeResizer.contentWindow.min.js"></script> -->
		<!-- 页面js 结束-->
	</body>
</html>